/* Columns  */
.one_half, .one_third, .two_third, .three_fourth, .one_fourth ,.one_fifth,.four_fifth{ margin-right: 4%; /*float: left;*/ line-height:21px; margin-bottom:20px; }
.one_half {     width: 48%; }
.one_third { width: 30.6666%; }
.two_third { width: 65.3332%; }
.one_fourth { width: 22%; display: inline-block;}
.one_fifth { width: 17%; margin-right: 3%;}
.four_fifth { width: 80%;}
.three_fourth { width: 74%; }
.last {margin-right:0!important; clear: right; }
.clearboth{ clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }
.two_fourth
{
    width: 48%;
    float: left;
    margin-right: 3%;
    margin-bottom: 2%;
}
.two_fourth.last{margin-right: 0;}
.select-menu{ display: none;}
 article{ height:640px; min-height: 0px; }

@media only screen  and (min-width: 1200px) {  
        .detail .video video, .video video{ height: 500px;}
        .home>ul>li:nth-child(n){ display: inline-block;}
         .home>ul>li:nth-child(n+7){ display: none;}

        
         
}


@media only screen  and (max-width: 1024px) {
      .detail .four_fifth{  width:740px; }
       .home>ul>li:nth-child(n+6){ display: none;}
       .home .ar_five { margin: 8% 0 0 4%;}
       .detail .video video, .video video{ min-height: 460px;}
       
      
}
    
@media only screen  and ( max-width: 800px ) {
        .navbar .nav > li > a{ font-size: 12px;}
         .home .ar_five { margin: 3% 0 0 3%;}
        .detail .four_fifth{ width:500px;}
        
        .home>ul>li:nth-child(n){ display: inline-block;} 
        .home>ul>li:nth-child(n+9){ display: none;} 
}

  
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
        
         

        .home>ul>li:nth-child(n){ display: inline-block;} 
        .home>ul>li:nth-child(n+4){ display: none;} 
        

         .home .one_fourth{ width:44%; display: inline-block;} 
         .movies .one_fifth { display: inline-block; height: 370px; }
         .stream .one_fifth { height: 100px; width:100px; margin-bottom: 50px; font-size: 0.7em;}
         .stream .frame_thumb, .stream .frame_thumb a{ width:auto; height: inherit;}
         .stream .ar_five .title{padding: 5px 0; line-height: 10px;}
         .stream .ar_five .frame_thumb img {  height: auto; padding: 2%;width: 96%; }

         
         .movies .one_fifth, .home .one_fifth  { height:300px;}
         
         .navbar .nav { display: none; }
         
         .select-menu{ display: block; width: 90%; margin: 10px auto;}
         
         .detail .one_fifth{height:auto; min-height:0 !important; width: 163px;}
         .detail .four_fifth{ width: 94%;  }
         .detail .cover { height: auto;} 
         .detail .one_fifth .float{ margin-top: -50px;}
         
         .detail .video video, .video video{ height: auto; min-height: 120px;}
             
    }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
        article{ height:300px; min-height: 0px; } 
       .ar_five li { width: 46%; }
       .ar_five .frame_thumb img { width: 100%; }
       .movies .ar_five .title {line-height: 14px;}
            
       
       .home>ul>li:nth-child(n){ display: inline-block;} 
        .home>ul>li:nth-child(n+3){ display: none;} 
    
         .movies .one_fifth {
            /*display: block;
            height: 300px;*/
        }
         .movies .one_fifth, .home .one_fifth  { height:260px;}
        
        .stream .one_fifth { height: 90px; width:90px; }
        .stream .ar_five .frame_thumb img {  height: auto; /*padding: 2%;*/ width: 98%; }
        .ar_four .one_fourth a:hover img{ padding-top: 0px;}
        
    }